<template>
  <div>
    <order-header :title="title">
      <template #describtion >
        <span>{{tip}}</span>
      </template>
    </order-header>
    <router-view/>
    <service-bar></service-bar>
    <nav-footer></nav-footer>
  </div>
</template>

<script>
import NavFooter from '../components/NavFooter.vue'
import OrderHeader from '../components/OrderHeader'
import ServiceBar from '../components/ServiceBar'
export default {
  components: { OrderHeader, ServiceBar, NavFooter},
  name: 'order',
  data () {
    return {
      title: '',
      tip: ''
    }
  },
  mounted() {
    let path = this.$route.path;
    if (path == '/order/confirm') {
      this.title = "订单确认"
      this.tip = "请认真填写收获地址"
    } else if (path == '/order/list') {
      this.title = '订单列表'
      this.tip = "请谨防钓鱼链接或诈骗电话"

    } else if (path == '/order/pay') {
      this.title = '订单支付'
      this.tip = "请谨防钓鱼链接或诈骗电话"
    } else {
      this.title = '订单支付'
      this.tip = "请谨防钓鱼链接或诈骗电话"
    }
  },

}
</script>

<style lang="">
  
</style>